<template>
  <div style="min-height:1000px">
    <appMyHeader></appMyHeader>
    <appMyNav v-if="isShow"></appMyNav>
    <router-view />
    <appMyFooter></appMyFooter>
  </div>
</template>

<script>
import appMyHeader from "@/components/myHeader";
import appMyNav from "@/components/myNav";
import appMyFooter from "@/components/myFooter";
export default {
  data() {
    return {};
  },
  components: {
    appMyHeader,
    appMyNav,
    appMyFooter
  },
  methods: {
    childByValue(data) {
      console.log(data);
      // this.childValue = childValue
    }
  },
  computed: {
    isShow() {
      // $route.path ='/periodical/content'
      // /book/content
      const path = this.$route.path;
      switch (path) {
        case "/book/content":
          return false;
          break;
        case "/periodical/content":
          return false;
          break;
        case "/newspaper/content":
          return false;
          break;
        default:
          return true;
          break;
      }
    }
  }
};
</script>




